<template>
  <div>
    <div class="top">
      <router-link to="/home">首页</router-link>
      <router-link to="/sort">分类</router-link>
      <router-link to="/order">订单</router-link>
      <router-link to="/my">我的</router-link>
    </div>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.top {
  margin-left: 30px;
}
.top a {
  margin: 10px;
  text-decoration: none;
}
.top a :hover {
  background-color: rgb(243, 8, 192);
}
.router-link-exact-active,
.router-link-active {
  background-color: rgba(141, 224, 6, 0.945) !important;
}
</style>